<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>黑马图书管理系统</title>
    <link rel="stylesheet" href="./css/book.css">
    <script src="./js/jquery-1.12.4.min.js"></script>
    <script src="./js/book.js"></script>
   
</head>
<body>
    <div class="box">
        <div class="title">
            黑马图书管理系统
        </div>

        <div class="content">
                <ul class="list">
                        <li><button class='leftbtn checkBook'>查询图书</button></li>
                        <li><button class="addBook">增加图书</button></li>
                        <li><button class="delBook">删除图书</button></li>
                        <li><button class="updateBook">更改图书</button></li>
                    </ul>
            
                    <div class="right">
                        <table class="booklist">
                        
                        </table>
                        <table class="addlist">
                                <tr class="sheetTitle"><th>图书编号</th><th>图书名字</th><th>图书作者</th><th>书中人物</th><th>出版时间</th><th>阅读数</th><th>评论数</th></tr>
                                <tr>
                                    <td class="idInput"><input type="text" value=''></td>
                                    <td><input type="text" value=''></td>
                                    <td><input type="text" value=''></td>
                                    <td><input type="text" value=''></td>
                                    <td><input type="text" value=''></td>
                                    <td><input type="text" value=''></td>
                                    <td><input type="text" value=''></td>
                                   <td class="add"><input type="button" value=" 增 加 "></td>
                                    </tr>
                        </table>
                    </div>
        </div>
       

    </div>

    


    
</body>
</html>